<template>
  <div id="app">
    <div class="app-view">
      <router-view />
    </div>
    <div class="tabbar-bg">
      <ul class="tabbar-box">
        <router-link to="/" tag="li">
          <i class="iconfont iconshouye"></i>
          <p>首页</p>
        </router-link>
        <li>
          <i class="iconfont icondianpu1"></i>
          <p>商品</p>
        </li>
        <li>
          <i class="iconfont icongouwu"></i>
          <p>购物车</p>
        </li>
        <li>
          <i class="iconfont iconwode"></i>
          <p>我的</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="scss">
.app-view {
  padding-bottom: 54px;
}
</style>
